<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="../templates/template.xhtml">

	<ui:define name="painelCentral">
		<h:form>
		<style type="text/css">
			.mensagemDeErro{color: red; font-size: 12px; }
		</style>
			<table style="">
				<tr>
					<td align="center"><h:panelGrid columns="3">
							<h:outputLabel for="nome"
								value="#{msg['manterGrandePremio.label.nome']}" />
							<h:inputText id="nome"
								value="#{manterGrandePremioMB.grandePremio.nome}" required="true"
								requiredMessage="#{msg['manterGrandePremio.mensagem.nomeObrigatorio']}"
								size="20" maxlength="20">
								<f:validateLength minimum="3" maximum="20" />
							</h:inputText>
							<h:message for="nome" class="mensagemDeErro" />

							<h:outputLabel for="categoria"
                                value="#{msg['manterGrandePremio.label.categoria']}" />
                            <h:selectOneListbox id="categoria"
                                value="#{manterGrandePremioMB.codigoCategoriaSelecionada}" required="true"
                                requiredMessage="#{msg['manterGrandePremio.mensagem.categoriaObrigatoria']}"
                                size="1">
                                <f:selectItem itemValue="" itemLabel="Selecione..." />
                                <f:selectItems value="#{manterGrandePremioMB.listaCategorias}" />
                                <f:ajax event="change" listener="#{manterGrandePremioMB.recuperarCategoria}"  />
                            </h:selectOneListbox>
							 <h:message for="categoria" class="mensagemDeErro" />							

							<h:outputLabel for="pais"
								value="#{msg['manterGrandePremio.label.pais']}" />
							<h:inputText id="pais"
								value="#{manterGrandePremioMB.grandePremio.pais}" required="true"
								requiredMessage="#{msg['manterGrandePremio.mensagem.paisObrigatorio']}"
								size="20" maxlength="20">
								<f:validateLength minimum="3" maximum="20" />
							</h:inputText>
							<h:message for="pais" class="mensagemDeErro" />

							<h:outputLabel for="cidade"
								value="#{msg['manterGrandePremio.label.cidade']}" />
							<h:inputText id="cidade"
								value="#{manterGrandePremioMB.grandePremio.cidade}" required="true"
								requiredMessage="#{msg['manterGrandePremio.mensagem.cidadeObrigatorio']}"
								size="20" maxlength="20">
								<f:validateLength minimum="3" maximum="20" />
							</h:inputText>
							<h:message for="cidade" class="mensagemDeErro" />

							<h:outputLabel for="autodromo"
								value="#{msg['manterGrandePremio.label.autodromo']}" />
							<h:inputText id="autodromo"
								value="#{manterGrandePremioMB.grandePremio.autodromo}" required="true"
								requiredMessage="#{msg['manterGrandePremio.mensagem.autodromoObrigatorio']}"
								size="20" maxlength="20">
								<f:validateLength minimum="3" maximum="20" />
							</h:inputText>
							<h:message for="autodromo" class="mensagemDeErro" />

							<h:outputLabel for="data"
								value="#{msg['manterGrandePremio.label.data']}" />
							<rich:calendar
								value="#{manterGrandePremioMB.grandePremio.data}"
								id="data" popup="true" datePattern="dd/MM/yyyy"
								locale="pt_BR" showApplyButton="true" cellWidth="24px"
								cellHeight="22px" style="width:200px" disabled="false"
								required="true"
								requiredMessage="#{msg['manterGrandePremio.mensagem.dataObrigatoria']}">
							</rich:calendar>
							<h:message for="data" class="mensagemDeErro" />
                   </h:panelGrid> <br />
					</td>
				</tr>
				<tr>
					<td>
						<table align="center">
							<tr>
								<td><h:commandButton value="Pesquisar"
										action="#{manterGrandePremioMB.pesquisar}"
										image="../imagens/pesquisar.gif" immediate="true"/></td>
								<td><h:commandButton value="Salvar"
										action="#{manterGrandePremioMB.salvar}"
										image="../imagens/salvar.gif" /></td>
								<td><h:commandButton value="Cancelar" action="manterGrandePremio"
										immediate="true" image="../imagens/cancelar.gif" /></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</h:form>

		<p></p>

		<div style="text-align: center">
			<h1>#{msg['manterGrandePremio.label.listaDeGrandesPremios']}</h1>

			<h:outputText
				value="#{msg['manterGrandePremio.mensagem.naoHaGrandesPremios']}"
				rendered="#{!manterGrandePremioMB.temGrandesPremios}" />
		</div>

		<h:form>
			<div style="width:565px; height:200px; border: 1px solid #111; overflow: scroll;">
				<table style="font-size: 12px; color: blue" cellpadding="2px" cellspacing="5px">
					<tbody>
						<tr>
							<td>Nome</td>
							<td>Categoria</td>
							<td>Pais</td>
							<td>Cidade</td>
							<td>Autodromo</td>
							<td>Data</td>
						</tr>
						<ui:repeat var="gpremio" value="#{manterGrandePremioMB.grandesPremios}"
							varStatus="#{manterGrandePremioMB.temGrandesPremios}">
							<tr style="color: green">
								<td>
									<h:outputText value="#{gpremio.nome}" />
								</td>
								<td>
									<h:outputText value="#{gpremio.categoria.nome}" />
								</td>
								<td>
									<h:outputText value="#{gpremio.pais}" />
								</td>
								<td>
									<h:outputText value="#{gpremio.cidade}" />
								</td>
								<td>
									<h:outputText value="#{gpremio.autodromo}" />
								</td>
								<td>
									<h:outputText value="#{gpremio.data}">
										<f:convertDateTime pattern="dd/MM/yyyy" type="both" />
									</h:outputText>
								</td>
								<td>
									<h:commandButton value="Editar"
											action="#{manterGrandePremioMB.editar}" image="../imagens/editar.gif">
											<f:setPropertyActionListener
												target="#{manterGrandePremioMB.idGrandePremio}" value="#{gpremio.id}" />
									</h:commandButton>
								</td>
								<td>
									<h:commandButton value="Excluir"
										action="#{manterGrandePremioMB.excluir}"
										image="../imagens/excluir.gif">
										<f:setPropertyActionListener
											target="#{manterGrandePremioMB.idGrandePremio}" value="#{gpremio.id}" />
									</h:commandButton>	
								</td>
							</tr>
							
							<tr>
								<td align="center"> </td>
							</tr>
				
							<tr>
								<td><h:outputText value=" " />
								</td>
							</tr>
						</ui:repeat>
					</tbody>
				</table>
			</div>
		</h:form>

	</ui:define>

</ui:composition>